<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为商城</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部 -->
    <div id="indexH" class="floor">
        
    </div>
    <!-- 导航栏二 -->
    <div id="nav_head_2">
        <nav id="nav_2" class="wrapper">
            <div id="nav_2_left">
                <img src="./images/index/logo.png" alt="">
            </div>

            <div id="nav_2_center">
                <a href="#"><span>华为专区</span></a>
                <a href="#"><span>鸿蒙智联</span></a>
                <a href="#"><span>全球甄选</span></a>
                <a href="#"><span>家电家装馆</span></a>
                <a href="#"><span>华为智选</span></a>
                <a href="#"><span>HarmonyOs</span></a>
            </div>

            <div id="nav_2_right">
                <a href="#"><span class="iconfont">&#xe610;</span></a>
            </div>
        </nav>
    </div>

    <!-- 楼层导航栏 -->
    <div id="flowNav">
            <li id="flFirst">回到顶部</li>
            <li>手机</li>    
            <li>智能穿戴</li>
    </div>

    <!-- 轮播图 -->
    <div id="banner" class="wrapperBn">
        <div class="banner2">
            <!-- <div id="banner_img"> -->
            <!-- <img src="./images/banner2.jpg" alt=""> -->
            <!-- 左右按钮 -->
            <!-- <div id="banner_click">
                <span class="iconfont" id="clickLeft">&#xe6cc;</span>
                <span class="iconfont" id="clickRight">&#xe6cc;</span>
            </div> -->

            <!-- 轮播图分页器 -->
            <!-- <div id="bannerList">
                <span class="heiLight"></span>
                <span></span>
                <span></span>
                <span></span>
            </div> -->

        </div>

        <div id="banner_main" class="wrapper">
            <div id="banner_nav">
                <div class="bnav">
                    <a href="#">
                        <span class="bnaspan">手机</span>
                        <span class="iconfont bic">&#xe6cc;</span>
                    </a>
                    <div class="bnavMsg">

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>HUAWEI | Mate系列</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>HUAWEI | P系列</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>HUAWEI | Nova系列</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>HUAWEI | 畅享系列</p>
                            </a>
                        </div>
                    </div>

                </div>
                <div class="bnav">
                    <a href="#">
                        <span class="bnaspan">智慧屏</span>
                        <span class="iconfont bic">&#xe6cc;</span>
                    </a>

                    <div class="bnavMsg">

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>华为智慧屏SE系列</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>华为智慧屏S系列</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>华为智慧屏V系列</p>
                            </a>
                        </div>

                    </div>
                </div>
                <div class="bnav">
                    <a href="#">
                        <span class="bnaspan">智能穿戴</span>
                        <span class="iconfont bic">&#xe6cc;</span>
                    </a>

                    <div class="bnavMsg">
                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>智能手表</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>智能手环</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>智能体重秤</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>运动健身</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>穿戴配件</p>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="bnav">
                    <a href="#">
                        <span class="bnaspan">耳机音箱</span>
                        <span class="iconfont bic">&#xe6cc;</span>
                    </a>

                    <div class="bnavMsg">
                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>真无线耳机</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>有线耳机</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>蓝牙耳机</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>蓝牙音箱</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>智能音箱</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>智能眼镜</p>
                            </a>
                        </div>
                    </div>

                </div>
                <div class="bnav">
                    <a href="#">
                        <span class="bnaspan">电脑</span>
                        <span class="iconfont bic">&#xe6cc;</span>
                    </a>

                    <div class="bnavMsg">

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>华为MateBook X系列</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>华为台式机</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>个人电脑配件</p>
                            </a>
                        </div>

                    </div>

                </div>
                <div class="bnav">
                    <a href="#">
                        <span class="bnaspan">平板</span>
                        <span class="iconfont bic">&#xe6cc;</span>
                    </a>

                    <div class="bnavMsg">

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>华为MatePad系列</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>华为M系列</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>华为畅享系列</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>平板配件</p>
                            </a>
                        </div>

                    </div>
                </div>
                <div class="bnav">
                    <a href="#">
                        <span class="bnaspan">智能路由</span>
                        <span class="iconfont bic">&#xe6cc;</span>
                    </a>

                    <div class="bnavMsg">

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>智能路由</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>移动路由</p>
                            </a>
                        </div>

                        <div class="bnavMsg_more">
                            <a href="#">
                                <p>全屋WIFI</p>
                            </a>
                        </div>


                    </div>

                </div>
            </div>
        </div>

    </div>

    <!-- 更多信息部分 -->
    <div id="moreMsg">
        <!-- 手机 -->
        <div id="phoneMsg" class="wrapper floor">
            <div class="msgTitle">
                <p class="pactive">手机</p>
                <p>智慧屏</p>
                <p>精品平板</p>
            </div>
         
            <div class="pMsg wrapper">
                
            </div>
        </div>

        <!-- 智能穿戴 -->
        <div id="aiMsg" class="wrapper floor">
            <div class="msgTitle2">
                <p class="pactive">智能穿戴&VR</p>
                <p>智能手表</p>
                <p>智能手环</p>
                <p>耳机音箱眼镜</p>
            </div>
    
            <div class="wMsg wrapper">
                
            </div>
        </div>


    </div>

    <!-- 底部 -->
    <div id="indexF"></div>


</body>
<script src="./libs/jquery.js"></script>
<script src="./js/public/isLogin.js"></script>
<script src="./js/index.js"></script>
<script src="./js/jquery.banner.js"></script>
<script src="./js/jquery.goods.js"></script>
<script src="./js/jquery.goods2.js"></script>


</html>